<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                template="../../commons/template.xhtml">

    <ui:define name="content">
        <p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();" />
        <p:dialog widgetVar="statusDialog" modal="true">
            <h:outputLabel value="Cargando" />
        </p:dialog>

        <p:panel id="IDPnlDepartamento" style="#{msj['p.panelGrande']}">

            <f:facet name="header">
                <h:form id="IDFrmDepartamentoNuevo">			
                    <div style="float: left; font-size: 20px;">Mantenimiento Departamento</div>

                    <div style="float: right;">
                        <p:commandButton value="#{msj['p.commanButton_Nuevo']}"
                                         actionListener="#{departamentoMB.limpiarDepartamento()}"
                                         update=":IDDialogDepartamento"
                                         title="Agregar Departamento"
                                         oncomplete="WVDialogDepartamento.show();" />
                    </div>
                </h:form>
            </f:facet>
            <h:form id="IDFrmDepartamento">
                <p:dataTable id="IDDataTblDepartamento" 
                             var="VDataTblDepartamento"
                             value="#{departamentoMB.departamentos}" 
                             paginator="true" rows="#{msj['p.dataTable_filas_catalogo']}"
                             editable="true">

                    <p:column headerText="Nombre Departamento" 
                              filterBy="#{VDataTblDepartamento.nombre}" 
                              filterMatchMode="contains" style="white-space:pre-line;">                        
                        <h:outputText value="#{VDataTblDepartamento.nombre}" />                            
                    </p:column>
                    <p:column headerText="Descripcion" style="white-space:pre-line;">                        
                        <h:outputText value="#{VDataTblDepartamento.descripcion}" />                            
                    </p:column>     
                    <p:column headerText="Nombre Pais" >                        
                        <h:outputText value="#{VDataTblDepartamento.idPais.nombre}" />                            
                    </p:column> 
                    <p:column headerText="Fecha Modificacion">                        
                        <h:outputText value="#{VDataTblDepartamento.fechaMod}">
                            <f:convertDateTime type="date" pattern="dd-MM-yyyy hh:mm:ss a" timeZone="CST" />
                        </h:outputText>                           
                    </p:column>                    
                    <p:column headerText="Activo">                       
                        <h:outputText value="#{VDataTblDepartamento.activo}" />                            
                    </p:column>

                    <p:column headerText="Opciones" style="width:8%">
                        <div style="float: left;">
                            <p:commandLink styleClass="ui-icon ui-icon-pencil" 
                                           actionListener="#{departamentoMB.modificarEntidad(VDataTblDepartamento)}"
                                           title="Editar Departamento" 
                                           oncomplete="WVDialogDepartamento.show();" 
                                           update=":IDFrmDialogDepartamento" />
                        </div>
                    </p:column>
                </p:dataTable>
            </h:form>
        </p:panel>
    </ui:define>

    <ui:define name="dialog">

        <p:dialog id="IDDialogDepartamento"
                  header="Mantenimiento Departamento" modal="true"
                  closable="false" width="500" widgetVar="WVDialogDepartamento">
            <h:form id="IDFrmDialogDepartamento">
                <p:panelGrid columns="2" style="width: 400px">

                    <h:outputText value="Nombre Departamento" />
                    <p:inputText value="#{departamentoMB.departamento.nombre}" 
                                 style="width: 300px"/>

                    <h:outputText value="Descripcion" />
                    <p:inputTextarea value="#{departamentoMB.departamento.descripcion}"
                                     style="width: 300px" maxlength="100"/>
                    <h:outputText value="Pais" />
                    <p:selectOneMenu value="#{departamentoMB.departamento.idPais}" 
                                     style="width: 300px"  >												
                        <f:selectItem itemLabel="Seleccione uno" itemValue="" />						
                        <f:selectItems value="#{paisMB.paises}"
                                       var="pais" itemLabel="#{pais.nombre}"
                                       itemValue="#{pais}" />
                    </p:selectOneMenu>	
                    <h:outputText value="Activo" />
                    <p:selectOneMenu value="#{departamentoMB.departamento.activo}" style="width: 300px">
                        <f:selectItem itemLabel="A - Activo" itemValue="A" />
                        <f:selectItem itemLabel="I - Inactivo" itemValue="I" />
                    </p:selectOneMenu>

                    <p:commandButton value="Guardar"
                                     actionListener="#{departamentoMB.guardarEntidad()}"
                                     />
                    <p:commandButton value="Cerrar"
                                     update=":IDFrmDialogDepartamento"
                                     oncomplete="WVDialogDepartamento.hide()" />
                </p:panelGrid>
            </h:form>
        </p:dialog>
    </ui:define>
</ui:composition>